<template>
    <div class="rightBottom">
        <div class="bg-color-black">
            <div class="d-flex pt-2 pl-2">
                <span>
                  <icon name="chart-bar" class="text-icon"></icon>
                </span>
                <div class="d-flex">
                    <span class="fs-xl text mx-2">黑名单预警信息</span>
                    <dv-decoration-3 class="dv-dec-3"/>
                </div>
            </div>
            <div style="height:265px;padding-top: 10px">
                <dv-scroll-board :config="config" style="width:100%;height:100%" />
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "rightBottom2",
        components: {},
        data() {
            return {
                config: {
                    header: ['姓名', '类型', '事由', '处理'],
                    data: [
                        ['郭*昊', '群演', '未按疫情防控要求登记直接闯进来，在窗口打人', '已报警处理，演员证拉黑'],
                        ['邱*志', '群演', '旷工', '演员证禁用一周'],
                        ['高*和', '群演', '剧组偷拍视频被抓', '拉黑'],
                        ['兰*宝', '群演', '现场打架，辱骂剧组', '拉黑'],
                        ['崔*青', '群演', '惯偷', '拉黑'],
                        ['张*亮', '群演', '惯偷', '拉黑'],
                        ['何*波', '群演', '经常骚扰剧组导演，现场多次打架闹事，派出所处理', '拉黑'],
                        ['张*平', '驾驶员', '将本车《花戎》车辆通行证给浙G76ET2冒用', '拉黑'],
                        ['李*', '群演', '多次偷窃（接派出所通知）', '拉黑'],
                        ['杨*', '驾驶员', '使用假证，被梦外滩剧组通道查到', '拉黑'],
                        ['王*德', '驾驶员', '介绍别人做假证', '拉黑'],
                        ['李*', '驾驶员', '开车逆行，不接受对其教育劝导，态度恶劣', '拉黑'],
                        ['刘*勇', '群演', '现场罢演', '演员证禁用一周']
                    ],
                    rowNum: 6,
                    columnWidth: [60, 70, 250],
                    // headerBGC: '#f30705'
                }
            }
        },
        mounted() {
        },
        methods: {}
    }
</script>

<style scoped lang="scss">
    .rightBottom{
        $box-width: 100%;
        $box-height: 330px;
        padding: 16px;
        height: $box-height;
        min-width: $box-width;
        border-radius: 5px;
    .bg-color-black {
        height: $box-height - 30px;
        border-radius: 10px;
    }
    .text {
        color: #c3cbde; font-size: 16px;
    }
    .dv-dec-3 {
        position: relative;
        width: 100px;
        height: 20px;
        top: -3px;
    }
    }
</style>
